$col-width: 120px;
$col-max-width:360px;

bz-column-custom {
  display: block;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  border-radius: 2px;
  font-size: 12px;
  max-width: $col-max-width;

  .list {
    min-width: $col-width;
    width: $col-width;
    max-width: $col-width;
    padding: 16px;

    &.multipe-col {
      width: 100%;
      max-width: 100%;

      li {
        width: 50%;
        max-width: 50%;
      }
    }

    &>li {
      display: inline-block;
      min-width: $col-width;
      max-width: $col-width;
      padding: 5px 0;
      width: $col-width;

      label {
        width: 100%;
      }
    }
  }

  .action-bar {
    border-top: 1px solid #e8e8e8;
    padding: 5px 16px;
    display: flex;
    justify-content: space-between;

    .reset-btn {
      border-color: transparent;
    }
  }
}
